<!--

生成最基本的Restful模板页面

顶部有按（门店、时间段*）查询 添加按钮

包含一个 ag-grid 列表，默认表头只有一行，每列都可查询，默认每条最后有打开、删除按钮

有新增、修改弹出层
-->

<div class="view-header">
    <div class="view-header-left">

        
        <div class="view-header-item color-open" title="新增"
             ng-click="add_open = !add_open" ng-show="!add_open && !edit_open">
            <i class="fa fa-plus"></i> 新增仓库
        </div>
        <!-- add -->
        <div class="view-header-item color-close above-cover no-widen"
             title="关闭" ng-click="add_open = !add_open"
             ng-show="add_open">
            <i class="fa fa-close"></i>
        </div>

        <div class="view-header-item color-check above-cover"
             title="确认添加"
             ng-click='form_add.$valid?submit_add():{};'
             title="添加提交{{form_add.$invalid?'请完成表单后再提交!':''}}"
             ng-show="add_open">

            <i class="fa fa-check" ng-show="form_add.$valid"></i>
            <i class="fa fa-ban" ng-show="form_add.$invalid"></i>
            {{form_add.$invalid?'完善表单!':'确认提交'}}

        </div>

        <!-- edit-->
        <div class="view-header-item color-close above-cover no-widen"
             title="关闭"
             ng-click="edit_open = !edit_open" ng-show="edit_open">
            <i class="fa fa-close"></i>
        </div>

        <div class="view-header-item color-check above-cover"
             title="确认修改"
             ng-click='form_edit.$valid?submit_edit():{};'
             title="修改提交{{form_edit.$invalid?'请完成表单后再提交!':''}}"
             ng-show="edit_open">

            <i class="fa fa-check" ng-show="form_edit.$valid"></i>
            <i class="fa fa-ban" ng-show="form_edit.$invalid"></i>
            {{form_edit.$invalid?'完善表单!':'确认修改'}}
        </div>

    </div>

</div>
<div class="view-content ">
    <div ag-grid="grid" class="ag-fresh ag-custom-center" style="height :100%"></div>
</div>


<!-- add -->
<div class="data-overlay" ng-show="add_open">
    <div class="overlay-container">
        <div class="overlay-header">添加仓库</div>
        <div ng-form name="form_add" novalidate="novalidate">
            <div class="overlay-content">
                <div class="overlay-column overlay-column-3">
                    <div class="overlay-title">仓库信息<i class="fa fa-angle-down"></i></div>
                    <div class="overlay-item">
                        <span class="overlay-name">地址</span>
                        <input type="text" ng-model="record_add.address" />
                    </div>
                    <div class="overlay-item">
                        <span class="overlay-name">编号</span>
                        <input type="text" ng-model="record_add.sn" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- edit -->
<div class="data-overlay" ng-show="edit_open">
    <div class="overlay-container">
        <div class="overlay-header">仓库信息修改</div>
        <div ng-form name="form_edit" novalidate="novalidate">
            <div class="overlay-content">
                <div class="overlay-column overlay-column-3">
                    <div class="overlay-title">仓库信息<i class="fa fa-angle-down"></i></div>
                    <div class="overlay-item">
                        <span class="overlay-name">地址</span>
                        <input type="text" ng-model="record_edit.address" />
                    </div>
                    <div class="overlay-item">
                        <span class="overlay-name">编号</span>
                        <input type="text" ng-model="record_edit.sn" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>